<template>
  <div class="shezhi">
    <div class="yin">
      <ul class="tixing">
        <li>
          <p>确认清除缓存?</p>
        </li>
        <li>
          <p class="quxiao" >取消</p>
          <p class="queding">确定</p>
        </li>
      </ul>
    </div>
    <div class="wrap">
      <div class="tou">
        <router-link to="/person">
          <img class="img1" src="../../assets/个人中心/1个人中心/jiantou.png" />
        </router-link>
        <p>设置</p>
      </div>
      <ul class="ul">
        <router-link to="/zhanghuguanli">
          <li>
              <p >账户管理</p>
              <img src="../../assets/个人中心/1个人中心/右箭头.png" />
          </li>
        </router-link>
        <router-link to="/xiugaimima">
          <li>
            <p >修改登录密码</p>
            <img src="../../assets/个人中心/1个人中心/右箭头.png" />
          </li>
        </router-link>

        <li >
          <p>清理缓存</p>
          <span class="kb">10KB</span>
        </li>
        <li>
          <p>阿拉丁平台用户协议</p>
          <img src="../../assets/个人中心/1个人中心/右箭头.png" />
        </li>
        <li>
          <p>个人委托协议</p>
          <img src="../../assets/个人中心/1个人中心/右箭头.png" />
        </li>
        <li class="jiancha">
          <p>检查更新</p>
          <img src="../../assets/个人中心/1个人中心/右箭头.png" />
        </li>
      </ul>
      <div class="gray">
        检查中...
      </div>
      <div class="gray1">
        已是最新版本
      </div>
    </div>
  </div>
</template>

<script>

</script>

<style scoped>
  .yin {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
  }

  .yin .tixing {
    height: 6.944rem;
    width: 11rem;
    background: white;
    position: absolute;
    top: 40%;
    left: 16%;
  }

  .yin .tixing li:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4.694rem;
    font-size: 0.833rem;
  }

  .yin .tixing li:nth-child(2) {
    width: 100%;
    height: 2.222rem;
    border-top: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
  }

  .yin .tixing li:nth-child(2) p {
    font-size: 0.833rem;
    flex: 1;
    text-align: center;
  }

  .yin .tixing li:nth-child(2):nth-child(2) p {
    color: red;
  }

  .wrap {
    width: 100%;
  }

  .tou {
    height: 2.666rem;
    background: #e53e42;
    position: relative;
    display: flex;
    justify-content: center;
  }

  .tou .img1 {
    width: 0.5rem;
    position: absolute;
    top: 0.805rem;
    left: 0.555rem;
  }

  .tou p {
    position: absolute;
    bottom: 0.972rem;
    height: 0.972rem;
    font-family: MicrosoftYaHei;
    font-size: 0.8rem;
    letter-spacing: 0px;
    color: #ffffff;
  }

  .ul {
    width: 100%;
    margin-top: 0;
  }

  .ul li {
    width: 100%;
    height: 2.777rem;
    border-bottom: 1px solid #CCCCCC;
    box-sizing: border-box;
    background: white;
    display: flex;
    align-items: center;
    position: relative;
  }

  .ul li:nth-child(1) {
    border-top: 1px solid #CCCCCC;
  }

  .ul li p {
    position: absolute;
    height: 0.75rem;
    font-family: MicrosoftYaHei;
    font-size: 0.777rem;
    line-height: 1rem;
    letter-spacing: 0px;
    left: 0.555rem;
  }

  .ul li img {
    width: 0.277rem;
    height: 0.5rem;
    position: absolute;
    right: 0.555rem;
  }

  .ul li span {
    position: absolute;
    right: 0.555rem;
    font-size: 0.777rem;
    bottom: 0.694rem;
  }
  .gray1 {
    display: none;
    width: 5.555rem;
    height: 1.666rem;
    background: #797979;
    text-align: center;
    justify-content: center;
    margin: 1.388rem auto 0;
    color: white;
    font-family: MicrosoftYaHei;
    font-size: 0.833rem;
    line-height: 1.666rem;
    letter-spacing: 0px;
    align-items: center;
    position: fixed;
    top:18.888rem;
    left: 7.333rem;
  }
  .gray {
    display: none;
    width: 5.555rem;
    height: 1.666rem;
    background: #797979;
    text-align: center;
    justify-content: center;
    margin: 1.388rem auto 0;
    color: white;
    font-family: MicrosoftYaHei;
    font-size: 0.833rem;
    line-height: 1.666rem;
    letter-spacing: 0px;
    align-items: center;
    position: fixed;
    top:18.888rem;
    left: 7.333rem;
  }
</style>
